<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Circle Hover Effects with CSS Transitions</title>
        <!--<link rel="stylesheet" type="text/css" href="css/demo.css" />-->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
        <link rel="stylesheet" type="text/css" href="css/style.css" />
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700' rel='stylesheet' type='text/css' />
		<script type="text/javascript" src="js/modernizr.custom.79639.js"></script> 
		<!--[if lte IE 8]><style>.main{display:none;} .support-note .note-ie{display:block;}</style><![endif]-->
    </head>
    <body>
				<ul class="ch-grid">
					<li>
						<div class="ch-item" style="background:url(http://tympanus.net/Tutorials/OriginalHoverEffects/images/10.jpg) no-repeat;">
							<div class="ch-info">
								<h3>Use what you have</h3>
								<p>by Angela Duncan <a href="http://drbl.in/eOPF">View on Dribbble</a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="ch-item" style="background:url(http://upload.phimthu7.com/images/nguoi-nhen-4--sieu-nhen-tai-xuat.jpg) no-repeat;">
							<div class="ch-info">
								<h3>Common Causes of Stains</h3>
								<p>by Antonio F. Mondragon <a href="http://drbl.in/eKMi">View on Dribbble</a></p>
							</div>
						</div>
					</li>
					<li>
						<div class="ch-item" style="background:url(http://tympanus.net/Tutorials/OriginalHoverEffects/images/9.jpg) no-repeat;">
							<div class="ch-info">
								<h3>Pink Lightning</h3>
								<p>by Charlie Wagers <a href="http://drbl.in/ekhp">View on Dribbble</a></p>
							</div>
						</div>
					</li>
				</ul>
    </body>
</html>